@import url("manage/uploadfile.css");

@media screen and (min-width: 768px) {
	.wrapper-manage, .wrapper-manage-trash, .wrapper-manage-search {
		padding-top: 100px;
	}
	.navbar-custom {
		height: 100px;
		margin-bottom: 0px !important;
	}
	.icon-manage {
		padding-top: 25px;
	}
	.navbar-right-custom {
		padding-top: 12px;
	}
	.apps-div {
		width: 100%;
		height: 50px;
		font-size: 16px;
		color: white;
		background-color: black;
		padding-top: 12px;
		padding-left: 16px;
	}
	.allfile-div {
		width: 100%;
		height: 80px;
		font-size: 25px;
		color: white;
		background-color: #009dd9;
		padding-top: 9%;
		padding-left: 16px;
	}
	.sidebar-custom {
		margin-top: 55%;
	}
	.sidebar-custom {
		margin-top: 55%;
	}
	.breadcrumb {
		height: 50px;
		font-size: 16px;
		font-weight: bold;
	}
	.left-menu>li:HOVER {
		background-color: #333333;
	}
}

@media screen and (max-width: 768px) {
	.photo-profile {
		width: 80px;
	}
	.progress>span {
		margin-right: 40px;
	}
}

.photo-profile {
	width: 80px;
}

.photopanel {
	float: left;
	margin-right: 10px;
}

@media screen and (min-width: 768px) {
	.inforpanel {
		float: right;
		margin-right: 10px;
	}
	.inforpanel>p {
		color: yellow;
		margin-left: 10px !important;
	}
	.progress {
		margin-left: 10px !important;
	}
}

.inforpanel>p {
	color: yellow;
}

.inforpanel>div>button {
	color: white;
}

@media screen and (max-width: 768px) {
	.dropdown-menu {
		position: fixed;
		z-index: 10000;
	}
}

.dropdown-profile {
	min-width: 150px !important;
}

.dropdown-menu>li>a:HOVER {
	background-color: #009dd9;
	color: white;
	z-index: 10000;
}

/*left panel*/
@media ( min-width : 768px) {
	#bs-sidebar-navbar-collapse-1>ul>li {
		width: 100% !important;
	}
	.leftpanel {
		width: 15%;
		float: left;
		bottom: 0px;
		background-color: #33383e;
	}
	.left-menu>li{
		background-color: #33383e;
	}
	.rightpanel {
		width: 85%;
		float: right;
	}
	/*Center Brand*/
	nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand
		{
		margin-left: 0px;
	}
	/*Center Brand*/
	nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
		text-align: center;
		width: 100%;
		margin-left: 0px;
	}

	/*Center Icons*/
	nav.sidebar a {
		padding-right: 13px;
	}

	/*adds border top to first nav box */
	nav.sidebar .navbar-nav>li:first-child {
		border-top: 1px #e5e5e5 solid;
	}

	/*adds border to bottom nav boxes*/
	nav.sidebar .navbar-nav>li {
		border-bottom: 1px #e5e5e5 solid;
	}

	/* Colors/style dropdown box*/
	nav.sidebar .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	/*allows nav box to use 100% width*/
	nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
		padding: 0 0px 0 0px;
	}

	/*colors dropdown box text */
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #777;
	}

	/*gives sidebar width/height*/
	nav.sidebar {
		width: 100%;
		height: 100%;
		float: left;
		margin-bottom: 0px;
	}

	/*give sidebar 100% width;*/
	nav.sidebar li {
		width: 100%;
	}

	/* Move nav to full on mouse over*/
	nav.sidebar:hover {
		margin-left: 0px;
	}
	/*for hiden things when navbar hidden*/
	.forAnimate {
		opacity: 0;
	}
}

@media ( max-width :768px) {
	.rightpanel {
		width: 100%;
		float: right;
	}
}

.breadcrumb {
	margin-bottom: 10px;
}

.breadcrumb>li+li:before {
	font-size: 20px;
	color: #CCCCCC;
	content: "> ";
	padding: 0 5px;
}

.photo-profile {
	width: 80px;
}

.photopanel {
	float: left;
	margin-right: 10px;
}

@media screen and (min-width: 768px) {
	.inforpanel {
		float: right;
		padding-right: 10px;
	}
	.inforpanel>p {
		color: yellow;
		margin-left: 10px !important;
	}
	.progress {
		margin-left: 10px !important;
	}
}

.inforpanel>p {
	color: yellow;
}

.inforpanel>div>button {
	color: white;
}

@media screen and (max-width: 768px) {
	.dropdown-menu {
		position: fixed;
		z-index: 10000;
	}
}

.dropdown-profile {
	min-width: 150px !important;
}

/*left panel*/
@media ( min-width : 768px) {
	.leftpanel {
		width: 15%;
		float: left;
		background-color: #33383e;
	}
	.rightpanel {
		width: 85%;
		float: right;
	}
	/*Center Brand*/
	nav
.sidebar
.navbar
.sidebar>.container
 
.navbar-brand, .navbar>.container-fluid
 
.navbar-brand {
		margin-left: 0px;
	}
	/*Center Brand*/
	nav
.sidebar
 
.navbar-brand, nav
.sidebar
 
.navbar-header {
		text-align: center;
		width: 100%;
		margin-left: 0px;
	}

	/*Center Icons*/
	nav
.sidebar
 
a {
		padding-right: 13px;
	}

	/*adds border top to first nav box */
	nav
.sidebar
 
.navbar-nav>li
:first-child {
		border-top: 1px #e5e5e5 solid;
	}

	/*adds border to bottom nav boxes*/
	nav
.sidebar
 
.navbar-nav>li {
		border-bottom: 1px #e5e5e5 solid;
	}

	/* Colors/style dropdown box*/
	nav
.sidebar
 
.navbar-nav
 
.open
 
.dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	/*allows nav box to use 100% width*/
	nav
.sidebar
 
.navbar-collapse, nav
.sidebar
 
.container-fluid {
		padding: 0 0px 0 0px;
	}

	/*colors dropdown box text */
	.navbar-inverse
 
.navbar-nav
 
.open
 
.dropdown-menu>li>a {
		color: #777;
	}

	/*gives sidebar width/height*/
	nav
.sidebar {
		width: 100%;
		height: 100%;
		float: left;
		margin-bottom: 0px;
	}

	/*give sidebar 100% width;*/
	nav
.sidebar
 
li {
		width: 100%;
	}

	/* Move nav to full on mouse over*/
	nav
.sidebar
:hover {
		margin-left: 0px;
	}
	/*for hiden things when navbar hidden*/
	.forAnimate {
		opacity: 0;
	}
}

@media ( max-width :768px) {
	.rightpanel {
		width: 100%;
		float: right;
	}
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus
	{
	color: #CCC;
	background-color: transparent;
}

nav:hover .forAnimate {
	opacity: 1;
}

section {
	padding-left: 15px;
}
/* button partial */
@media ( min-width :768px) {
	.button-partial {
		margin-left: 10px;
	}
	.tableManageDiv {
		padding-left: 25px;
		padding-right: 25px;
	}
	.tableSearchDiv {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media ( max-width :768px) {
	.tableManageDiv {
		padding-left: 15px;
		padding-right: 15px;
	}
	#custom-search-input {
		margin-top: 10px;
	}
	.button-partial {
		width: 100%;
		text-align: center;
	}
}
/* custom search input */
#custom-search-input {
	padding: 3px;
	border: solid 1px #E4E4E4;
	border-radius: 6px;
	background-color: #fff;
}

#custom-search-input input {
	border: 0;
	box-shadow: none;
}

#custom-search-input button {
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #666666;
	padding: 0 8px 0 10px;
	border-left: solid 1px #ccc;
}

#custom-search-input button:hover {
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

.dataTables_scrollHeadInner .dataTable thead th {
	position: relative;
	background-image: none !important;
}

.dataTables_scrollHeadInner .dataTable thead th.sorting:after {
	content: "\f0dc";
	font-family: FontAwesome;
	color: #000;
	padding-left: 0.8em;
}

.dataTables_scrollHeadInner .dataTable thead th.sorting_asc:after {
	content: "\f0de";
	font-family: FontAwesome;
	padding-left: 0.8em;
}

.dataTables_scrollHeadInner .dataTable thead th.sorting_desc:after {
	content: "\f0dd";
	font-family: FontAwesome;
	padding-left: 0.8em;
}

.dataTables_scrollHeadInner .dataTable thead .sharecolumn.sorting:after
	{
	display: none;
}

.dataTables_scrollHeadInner .dataTable thead .sharecolumn.sorting_asc:after
	{
	display: none;
}

.dataTables_scrollHeadInner .dataTable thead 
	.sharecolumn .sorting_desc :after {
	display: none;
}

#dataTableManagement tbody tr {
	height: 50px !important;
	font-size: 16px;
}

#dataTableManagement tbody tr td a {
	text-decoration: none;
}

#dataTableManagement tbody tr td a span:HOVER {
	text-decoration: underline;
}

.paging_full_numbers>ul>li {
	padding: 0px !important;
	margin: 0px !important;
}

@media ( max-width :768px) {
	.hidden-share {
		display: block;
	}
}

@media ( min-width :768px) {
	.hidden-share {
		display: none;
	}
}

.progress {
	text-align: center;
}

.progress-value {
	text-align: center;
	color: blue;
	font-weight: bold;
	position: absolute;
	right: 2%;
}
.copyToClipboard{
	color: green;
}
#sendLinkEmail, #sendLinkFolderEmail{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
#sendLinkMessage, #sendLinkFolderMessage{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	resize: vertical;
}
.default-context, .table-context{
	cursor: pointer;
}
#contentFileCreate{
	resize:vertical;
}